<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
    <meta charset="utf-8">
    <title>css圆角特效</title>
    <style>
        div{
            width: 70%;
            margin: 10%;
            -webkit-border-radius: 15px;
            -moz-border-radius: 15px;

        }
        .box1{
            color: black;
            font-size: 22px;
            padding: 20px;
            min-height: 300px;
            background: -webkit-gradient(linear,left top,left bottom,from(#e5e5e5),to(#ffffff));
            background: -moz-linear-gradient(top,red,blue);
        }
        .div-title{
         color: white;
         text-align: center;
         text-shadow:red 0 2px 0;
         font-size: 32px;
         min-height: 50px;
         position:absolute; 
         top:-20px; 
         background:#00000000;  
     }
      
    </style>
</head>

<body bgcolor="#5ae7ff">
    <div class="box1">
        <p>这他妈是什么玩意啊，完全不是<br>那么一回事啊，为什么</p>
        <p>flv会播放到一半之后就停止呢个，真的是奇怪</p>
        <input type="button" value="下载链接" style="reset;color:green;padding:5px;font-size:20px;background-color:transparent;border:1;border-color:lightgray"/>
    </div>
     <div class="div-title"><b>公告栏</div>
</body>
</html>